.statis-card {
  // margin-bottom: 16rpx;
  width: 100%;
  box-sizing: border-box;
  background-color: #ffffff;
  border-radius: 16rpx;
  box-shadow: 0 8rpx 46rpx 0 rgba(0,0,0,0.04);
  overflow: scroll;
  display: grid;
  grid-template-columns: repeat(3,1fr);
  grid-template-areas: 
    "header header header";
  gap:16rpx;
  justify-content:space-between;
}
.statis-card-header{
  grid-area:header ;
  .icon-chart {
    width: 32rpx;
    height: 32rpx;
    margin-right: 4rpx;
  }
  .card-title {
    font-family: PingFangSC-Medium;
    font-size: 28rpx;
    color: #222222;
  }
}


.data-item {
  display: inline-block;
  padding: 24rpx;
  background-color: #f8f8f8ff;
  border-radius: 8rpx;
  box-sizing: border-box;

  .data-type {
    font-family: PingFangSC-Regular;
    font-size: 24rpx;
    color: #222222;
  }
  .data-value {
    margin-top: 4rpx;
    font-family: PingFangSC-Medium;
    font-size: 36rpx;
    color: #222222;
  }
}

